<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery.xmleditor</title>
<link rel="stylesheet" href="stylesheets/reset.css" type="text/css" />
<link rel="stylesheet" href="stylesheets/demo.css" type="text/css" />
<link rel="stylesheet" href="../css/jquery.xmleditor.css" type="text/css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="../lib/ace/src-min/ace.js"></script>
<script src="../lib/jquery.min.js"></script>
<script src="../lib/jquery-ui.min.js"></script>
<script src="../lib/json2.js"></script>
<script src="../lib/cycle.js"></script>
<script src="../lib/jquery.autosize-min.js"></script>
<script src="../jquery.xmleditor.js"></script>
<style>
.template-form .fa {
	font-size: 37px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	vertical-align: top;
}
</style>

</head>
<body>
	<div class="wrapper">
		<header>
			<h1>jQuery.xmleditor MODS Editing Demo</h1>
			<a href="https://github.com/UNC-Libraries/jquery.xmleditor">View
				the Project on GitHub <small>UNC-Libraries/jquery.xmleditor</small>
			</a>
		</header>
	</div>
	<div id="xml_editor">
	</div>
	<script>
		$(function() {
			$("#xml_editor").xmlEditor({
				schema : "examples/mods.json",
				libPath: '../lib/',
				templateOptions: {
					templatePath: 'examples/default_templates/',
					templates: [
						{ filename: 'mods.xml', title: "Blank MODS", description: 'An empty MODS document', icon_class: 'fa fa-file-text-o', icon_url: '' },
						{ filename: 'audio.xml', title: "Audio Files", description: 'Template for audio files', icon_class: 'fa fa-file-audio-o' },
						{ filename: 'image.xml', title: "Images",
							description: 'Loads template for image files.  Images are pictures of things that people have digitized from other formats',
							icon_class: 'fa fa-file-image-o'},
						{ filename: 'video.xml', description: 'Loads template for video files', icon_class: 'fa fa-file-video-o' }
					]
				}
			});
		});
	</script>
	<footer>
		<p>
			This project is maintained by <a
				href="https://github.com/UNC-Libraries">UNC-Libraries</a>
		</p>
	</footer>
</body>
</html>
